@charset"utf-8";
@import"commom/shouye";
$color:#c5c5c5;
section{
     .center_box{
        .top_box{
            padding-left: r(29px);
            padding-right: r(30px);
            .header{
                margin-top: r(43px);
                h1{
                    color: #010101;
                    font-size: r(30px);
                    font-weight: 500;
                }
                h4{
                    text-align: right;
                    line-height: r(19px);
                    margin-top: r(13px);
                    span{
                       color: $color;
                       font-size:r(20px); 
                       &:first-of-type{
                           margin-right: r(46px);
                           img{
                               width: r(21px);
                               height: r(19px);
                               vertical-align: middle;
                               
                           }
                       }
                       &:last-of-type{
                           img{
                               width: r(24px);
                               height: r(14px);
                               vertical-align: middle;
                           }
                       }
                       
                    }
                }
                h5{
                    margin-top: r(12px);
                    font-size: r(22px);
                    text-align: right;
                    color: $color;
                    span{
                        color: #b20000;
                    }
                }
            }
            .neirong{
                &:nth-of-type(1){
                    margin-top: r(44px);
                    h4{
                        margin-top: r(33px);
                    }
                }
                 &:nth-of-type(2){
                    margin-top: r(36px);
                    h4{
                        margin-top: r(33px);
                    }
                }
                  &:nth-of-type(3){
                    margin-top: r(35px);
                    img{
                        margin-top: r(15px);
                        margin-bottom: r(32px);
                    }
                }
                li{
                    text-indent: 2em;
                    color: $color;
                    p{
                        text-indent: 2em;
                        font-size: r(20px);
                    }
                    h4{
                        font-size: r(20px);
                        color: #000000;
                        font-weight: 800;
                    }
                    img{
                        width: r(580px);
                        height: r(271px);
                    }
                    
                }
            }
            .celue{
                color: $color;
                font-size: r(20px);
                margin-top: r(35px);
                h1{
                   text-indent: 2em;
                     font-size: r(20px);
                }
                h4,h5,h6{
                    text-indent: 2em;
                }
                
                img{
                    width: r(592px);
                    height: r(167px);
                }
            }
            .diamian{
                font-size: r(20px);
                color: $color;
                
                h4{
                    color: #000000;
                    font-weight: 800;
                }
                img{
                    width: r(590px);
                    height: r(247px);
                }
            }
            .active{
                font-size: r(20px);
                color: $color;
                li{
                    margin-top: r(30px);
                   h1{
                       color: #000000;
                       font-weight: 800;
                   }
                   h2{
                       margin-top: r(34px);
                       margin-bottom: r(34px);
                   } 
                }
            }
            .active_b{
               li{
                   font-size: r(20px);
                   color: $color;
                   img{
                       margin-top: r(26px);
                       margin-bottom: r(36px);
                   }
                   &:nth-of-type(1){
                       img{
                           width: r(583px);
                           height: r(170px);
                       }
                   }
                   &:nth-of-type(2){
                       h4{
                       margin-top: r(30px);
                       }
                       img{
                           width: r(583px);
                           height: r(241px);
                       }
                   }
                   &:nth-of-type(3){
                       img{
                           &:first-of-type{
                               width: r(583px);
                           height: r(299px);
                           }
                            &:last-of-type{
                               width: r(527px);
                           height: r(242px);
                           }
                           
                       }
                   }
               } 
            }
            
            
            
            //top_box
        }
        .bottom_box{
            .shangyipian{
               border-top:19px solid $color ; 
               border-bottom:19px solid $color ; 
               padding:r(28px) 0 r(28px) r(29px) ;
               h1{
                   font-size: r(21px);
                   font-weight: 800;
                   color: #727171;
                   span{
                       font-size: r(18px);
                       font-weight: normal;
                   }
               }
            }
        } 
        .sangeyuan{
            text-align: center;
            .sth{
                display: inline-block;
                text-align:center; 
              &:nth-of-type(1){
                    img{
                        width: r(30px);
                        height: r(27px);
                    }
                }
                &:nth-of-type(2){
                    margin:r(55px) ;
                    img{
                        width: r(40px);
                        height: r(30px);
                    }
                }
                &:nth-of-type(3){
                    img{
                        width: r(22px);
                        height: r(33px);
                    }
                }
            li{
                
                text-align: center;
                width: r(71px);
                height: r(71px);
                border: 1px solid $color;
                border-radius:r(36px) ;
                line-height: r(80px);
              
            }
            h2{
                font-size: r(20px);
                color: $color;
                display: inline-block;
            }
        }
        }
        .pinglun_box{
            margin-top: r(50px);
            padding-left: r(28px);
            padding-right: r(30px);
            .pinglun{
                width:r(583px);
                height: r(193px);
                border: 1px solid $color;
                margin: 0 auto;
                line-height: r(193px);
                h5{
                    text-align: center;
                    font-size: r(20px);
                    color: $color;
                    a{
                        display: inline-block;
                       line-height:r(30px);
                        color: #b20000;
                        font-size:r(20px) ;
                        border-bottom: 1px solid #b20000;
                    }
                }
            
            }
              h3{
                  text-align: center;
                  margin-top: r(16px);
                    a{
                    display: inline-block;
                    width: r(395px);
                    height: r(53px);
                   line-height: r(53px);
                    background: #b20000;
                    color: white;
                }
              }
              h4{
                  margin-top: r(48px);
                  font-size: r(20px);
                  color: $color;
                  a{
                      color: $color;
                      border-bottom: 1px solid $color;
                  }
              }
              .pinlunye{
                  h4{
                      font-size: r(20px);
                      color: $color;
                      line-height: r(51px);
                      img{vertical-align: middle;
                          width: r(51px);
                          height: r(51px);
                          border-radius: r(20px);
                      }
                  }
                  h5{
                      font-size: r(22px);
                      margin-top: r(10px);
                      color: $color;
                      span{
                          text-align: right;
                          float: right;
                          font-size: r(18px);
                      }
                  }
              }
        }
        .xialade{
            height:r(26px);
            overflow: hidden;
            &:hover{
                height: 100%;
                .youbian span{
                    
                        -webkit-transform: rotate(90deg);
                    
                }
            }
            .youbian{
                padding-right: r(30px);
                text-align: right;
                font-size: r(20px);
                color: $color;
               span{
                   display: inline-block;
                   transform: rotate(0deg);
                   font-size: r(20px);
               }
            
            }
            .mimo_box{
                width:r(535px);
                height:r(365px);
                margin: 0 auto;
                background: #fafafa;
                
                .mimo{
                    border-bottom: 1px dashed $color;
                    h5{
                        padding-top: r(19px);
                        margin-left: r(22px);
                        line-height: r(51px);
                        img{
                            vertical-align: middle;
                            width: r(51px);
                          height: r(51px);
                          border-radius: r(30px); 
                        }
                    }
                    h4{
                        text-align: right;
                        color: $color;
                        font-size:r(20px);
                        padding-right: r(12px);
                    }
                }
                .wenbenyu{
                    width: r(497px);
                    height: r(72px);
                    margin: 0 auto;
                    margin-top: r(20px);
                    background: #FFFFFF;
                }
                .alj{
                    text-align: right;
                    a{
                        text-align: center;
                    display: inline-block;
                    margin-top: r(9px);
                    margin-right: r(16px);
                    width: r(174px);
                    height: r(45px);
                    background: #b20000;
                    line-height: r(45px);
                }
                }
            }
        }
         
         
         .apa{
             
             width: r(580px);
             margin: 0 auto;
             margin-top: r(36px);
             border-top:1px solid $color ;
             text-align: center;
             a{
                 display: inline-block;
                 padding-top: r(16px);
                 color: $color;
                 font-size: r(20px);
                 margin-bottom: r(30px);
             }
         }
      
      //center_box   
     }
    //section
}
